<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Perpustakaan Online</title>
		<link rel="icon" href="<?php echo base_url(); ?>ico.png">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<script type="text/javascript" src="<?php echo base_url();?>/assets/js/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="<?php echo base_url();?>/assets/js/jquery-migrate-1.1.1.js"></script>
		<link href="<?php echo base_url(); ?>assets/css/css-bootstrap/bootstrap.css" rel="stylesheet">
		<style type="text/css">
		  body {
			padding-top: 60px;
			padding-bottom: 40px;
			background:url(<?php echo base_url(); ?>assets/images/bg.png);
			background-size:100%;
		  }
		  .hero-unit {
			background:rgba(238,238,238,0.2);
		  }
		</style>
		<link href="<?php echo base_url(); ?>assets/css/css-bootstrap/bootstrap-responsive.css" rel="stylesheet">
	</head>
	<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="brand" href="./Bootstrap, from Twitter_files/Bootstrap, from Twitter.htm">Perpustakaan</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a class="<?php echo ($active == "home") ? ("active") : (""); ?>" href="<?php echo base_url(); ?>"><i class="icon-home icon-white"></i> Home</a></li>
						<li class="<?php echo ($active == "master") ? ("active") : (""); ?> dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-folder-open icon-white"></i> Admin<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="<?php echo site_url();?>/master_anggota"><i class="icon-briefcase"></i> Daftar Anggota</a></li>
								<li><a href="<?php echo site_url();?>/master_user"><i class="icon-user"></i> Daftar User</a></li>
								<li><a href="<?php echo site_url();?>/master_buku"><i class="icon-pencil"></i> Daftar Buku</a></li>
								<li><a href="<?php echo site_url();?>/master_kategori"><i class="icon-pencil"></i> Kategori Buku</a></li>
							</ul>
						</li>
						<li class="<?php echo ($active == "transaksi") ? ("active") : (""); ?> dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-book icon-white"></i> Lihat Aktivitas<b class="caret"></b></a>
							<!--<ul class="dropdown-menu">
							</ul>-->
						</li>
						<li class="<?php echo ($active == "user_menu") ? ("active") : (""); ?> dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user icon-white"></i> User Menu<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="<?php echo site_url();?>/UbahPassword"><i class="icon-wrench"></i> Ubah Password</a></li>
								<li><a href="<?php echo site_url();?>/Login/logout"><i class="icon-off"></i> Logout</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		
	<div class="hero-unit">
	<!--<h1>Wellcome !</h1>
	<p>This is Garuda Techno official website. You can download and sale your project here.</p>
	<p><a href="./Bootstrap, from Twitter_files/Bootstrap, from Twitter.htm" class="btn btn-primary btn-large">Learn more »</a></p>-->
	<?php echo $content; ?>
	</div>
	<hr>
	<footer>
	<p>&#169; Perpustakaan Online 2013</p>
	</footer>
	</div>
	
	<script src="<?php echo base_url(); ?>assets/js/js-bootstrap/bootstrap-transition.js"></script>
	<!--<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-alert.js"></script>
	<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-modal.js"></script>-->
	<script src="<?php echo base_url(); ?>assets/js/js-bootstrap/bootstrap-dropdown.js"></script>
	<script src="<?php echo base_url(); ?>assets/js/js-bootstrap/bootstrap-scrollspy.js"></script>
	<!--<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-tab.js"></script>
	<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-tooltip.js"></script>
	<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-popover.js"></script>
	<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-button.js"></script>-->
	<script src="<?php echo base_url(); ?>assets/js/js-bootstrap/bootstrap-collapse.js"></script>
	<!--<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-carousel.js"></script>
	<script src="<?php echo base_url(); ?>assets/js/js-boostrap/bootstrap-typeahead.js"></script>-->
	</body>
</html>